<template>
    <div class="sign-header">
        <div class="main">
            <div class="logo fl">
                <img src="../../../assets/images/main/logo.png" alt="">
            </div>
            <div class="right fr">
                <slot name="append">
                    <div class="return" @click="goPage('/Home')">
                        <slot >
                            <img src="../../../assets/images/sign-in/login_return.png" alt="">
                            返回首页
                        </slot>
                    </div>
                </slot>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        name: "SignHeader",
        methods: {
            goPage(path) {
                this.$router.push({path: path})
            }
        }
    }
</script>

<style scoped lang="less">
    .sign-header {
        background: #fff;
        .main {
            height: 110px;
            margin: 0 auto;
            width: 1200px;
        }
        .logo {
            height: 100%;
            line-height: 110px;
            display: table-cell;
            img {
                vertical-align: middle;
            }
        }
        .right {
            height: 100%;
            .return {
                vertical-align: middle;
                width: 96px;
                height: 34px;
                line-height: 34px;
                padding: 0 5px;
                margin-top: 37px;
                box-sizing: border-box;
                color: rgba(24,142,238,1);
                border:1px solid rgba(24,142,238,1);
                border-radius:2px;
                font-size: 14px;
                cursor: pointer;
            }
        }
    }
</style>